﻿.Kanban
{
    width: 100%;
}
.kanban-header, .kanban-header td
{
    color: White;
    text-align: center;
    font-weight: bold;
    font-family: MV Boli, Verdana;
    font-size: 20px;
}
.kanban-box, .kanban-box td
{
    vertical-align: top;
}

/* kanban */
td[class$=todo], td[class$=doing], td[class$=done]
{
    width: 30%;
    border-left: 1px dashed #444;
}

.move-hover
{
    border: 2px solid #ff6600;
}


/* Goal */
.goal-item
{
    margin: 3px;
    width: 200px;
    background-color: #fff;
}
.goal-item:hover
{
}
.goal-item-header
{
    border-bottom: 1px solid #cbcc99;
    padding: 4px;
    font-size: 16px;
    font-weight: bold;
}
.goal-item-header > a
{
    color: #696969;
}
.goal-item-content
{
    font-size: 14px;
    padding: 4px;
    background: #EEE;
    border-bottom: 1px solid #CBCC99;
}
a.addTask
{
    color: #666;
}
a[id^=remove_goal_]
{
    float: left;
    color: #666;
}
.goal-item-manage
{
    padding: 4px;
    font-size: 12px;
    text-align: right;
}
.goal-item-manage a[id^=remove_goal]
{
    margin-left: 0.5em;
}
.goal-item-addTaskLink
{
    text-align: right;
}

/* task */
.kanban-item
{
    margin: 3px;
    padding: 4px;
    width: 150px;
    float: left;
    -moz-transform: rotate(-2deg); /* 矩阵转换 */
    -o-transform: rotate(-2deg); /* 矩阵转换 */
    transform: rotate(-2deg); /* 矩阵转换 */
    -webkit-transition: -webkit-transform 1s ease-in-out;
    background-image: url("/Shopping/Images/task_bg.gif")
}
tr[class=kanban-box] > td
{
    border-top: dashed 1px #444;
}
.kanban-item_hover
{
    -webkit-transform: rotate(2deg); /* 矩阵转换 */
    -moz-transform: rotate(2deg); /* 矩阵转换 */
    transform: rotate(2deg);
}
.kanban-row-todo > div:nth-child(4n+0), .kanban-row-doing > div:nth-child(4n+0), .kanban-row-done > div:nth-child(4n+0)
{
    -webkit-transform: rotate(2deg); /* 矩阵转换 */
    -moz-transform: rotate(2deg); /* 矩阵转换 */
}
.kanban-row-todo > div:nth-child(4n+1), .kanban-row-doing > div:nth-child(4n+1), .kanban-row-done > div:nth-child(4n+1)
{
    -webkit-transform: rotate(2deg); /* 矩阵转换 */
    -moz-transform: rotate(2deg); /* 矩阵转换 */
}
.kanban-row-todo > div:nth-child(4n+2), .kanban-row-doing > div:nth-child(4n+2), .kanban-row-done > div:nth-child(4n+2)
{
    -webkit-transform: rotate(-2deg); /* 矩阵转换 */
    -moz-transform: rotate(-2deg); /* 矩阵转换 */
}
.kanban-item-header
{
    font-size: 14px;
    font-weight: bold;
}
.kanban-item-content
{
    font-size: 12px;
    min-height: 45px;
}
.kanban-item-author
{
    text-align: right;
    font-size: 12px;
}
.kanban-item-author a
{
    float:right;
}
.kanban-item-author a[id^=remove_]
{
    float:left;
    margin-left: 0.5em;
}


/* add new goal panel */
.task-add-panel, .goal-add-panel
{
    width: 40%;
}
.task-add-panel a:link, .task-add-panel a:visited, .task-add-panel a:active, .task-add-panel a:hover, .goal-item-addTaskLink a:link, .goal-item-addTaskLink a:visited, .goal-item-addTaskLink a:active, .goal-item-addTaskLink a:hover, .kanban-item a:link, .kanban-item a:visited, .kanban-item a:active, .kanban-item a:hover, .addpanel a
{
    color: #666;
}
/* 4H 8H 12H 16H */
.addpanel a[data-value='duration']:hover
{
    border-bottom: 1px solid #666;
    text-decoration: none;
}
.addpanel a[data-value='duration']
{
    width: 25px;
    border: 1px solid #eee;
    float: left;
    text-align: center;
    margin-right: 2px;
    font-family: Verdana;
    font-size: 12px;
}
#task_name, #author
{
    width: 300px;
}
#task_description, #goal_description
{
    width: 500px;
    height: 90px;
}

#duration, #author
{
    float: left;
}
.lDuration
{
    font-size: 12px;
    font-family: Verdana;
    color: #999;
}
